<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@	taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<c:url var="queryPage" value="/tableData/queryPage.do" />
<c:url var="editPage" value="/tableData/editPage.do" />
<c:url var="insertTableData" value="/tableData/insert.do" />
<c:url var="modifyTableData" value="/tableData/modify.do" />
<c:url var="deleteTableData" value="/tableData/delete.do" />
<c:url var="getPkName" value="/tableData/getPkName.do" />

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>Insert title here</title>
	<link rel="stylesheet" type="text/css" href="../common/easyui/themes/metro-green/easyui.css" />
	<link rel="stylesheet" type="text/css" href="../common/easyui/themes/icon.css" />
	<script type="text/javascript" src="../common/easyui/jquery.min.js"></script>
	<script type="text/javascript" src="../common/easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="../common/common.js"></script>
	<script type="text/javascript" src="../common/system.js"></script>
	<style type="text/css">
		html, body {
			height: 100%;
			padding: 0;
			margin: 0;
		}
	</style>
</head>

<body>
<!-- 表格 -->
<div id="dg_tableData"></div>
<!-- 表格上的工具栏 -->
<div id="toolbar_tableData" style="padding-left:5px; height:30px;">
	<div style="margin-bottom: 5px;">
		<a href="javascript:newTableData();" class="easyui-linkbutton" data-options="iconCls:'icon-add',plain:true">添加</a>
		<a href="javascript:updateTableData();" class="easyui-linkbutton" data-options="iconCls:'icon-edit',plain:true">修改</a>
		<a href="javascript:deleteTableData();" class="easyui-linkbutton" data-options="iconCls:'icon-remove',plain:true">删除</a>
		<a href="javascript:reload(initTableDataGrid);" class="easyui-linkbutton" data-options="iconCls:'icon-reload',plain:true">刷新</a>
	</div>
</div>

<!-- “添加/修改”对话框 -->
<div id="dialog_tableData" style="width:1000px;height:450px;"></div>

<!-- JS脚本 -->
<script type="text/javascript">
$(function(){
	// 初始化当前位置
	var success = initLocation("${serverName}", "${databaseName}", "${tableName}");
	if(success){
		// 初始化表格
		initTableDataGrid();
		// 更新当前位置显示
		updateTitle('table');
		// 初始化对话框
		initTableDataDialog();
	} else{
		alertErrorMsg();
	}
});

//初始化数据库表格
function initTableDataGrid(){
	initDG('dg_tableData', 'toolbar_tableData', '${queryPage}', {
		serverName : loc[0],
		databaseName : loc[1],
		tableName : loc[2]
	});
}

// 初始化对话框
function initTableDataDialog(){
	$('#dialog_tableData').dialog({
	    closed: true,
	    modal: true
	});
}

//打开添加表数据的对话框
function newTableData(){
	// 设置添加对话框界面的url
	var editPageUrl = '${editPage}?serverName=' + loc[0] + "&databaseName=" + loc[1] + "&tableName=" + loc[2];
	// 更新对话框界面
	$('#dialog_tableData').dialog({'href':editPageUrl});
	// 打开对话框
	openDialog('dialog_tableData', '添加记录');
	// 清空表格选择
	clearSelections('dg_tableData');
	// 设置请求URL
	url_edit = '${insertTableData}';
	url_type = 'insert';
}

// 打开修改表数据的对话框
function updateTableData(){
	var row = $('#dg_tableData').datagrid('getSelected');
	if(row){
		// 设置添加对话框界面的url（将选中行记录传递到后台）
		var editPageUrl = '${editPage}?serverName=' + loc[0] + "&databaseName=" + loc[1] + "&tableName=" + loc[2] + "&row=" + JSON.stringify(row);
		// 更新对话框界面
		$('#dialog_tableData').dialog({'href':editPageUrl});
		// 打开对话框
		openDialog('dialog_tableData', '修改记录');
		// 设置请求URL
		url_edit = '${modifyTableData}';
		url_type = 'modify';
	} else{
		$.messager.alert("提示",'请选中要修改的记录！');
	}
}

// 删除数据库
function deleteTableData(){
	var row = $('#dg_tableData').datagrid('getSelected');
	if(row){
		$.messager.confirm('提示', '确认删除该条记录？', function(r){
			if(r){
				// 设置查询参数
				var jsonData = {};
				var key = '';
				var value = '';
				jsonData["serverName"]=loc[0];
				jsonData["databaseName"]=loc[1];
				jsonData["tableName"]=loc[2];
				var index = 0;
				for(var x in row){
					key = "keys[" + index + "]";
					value = "values[" + index + "]";
					jsonData[key] = x;
					jsonData[value] = row[x];
					index++;
				}
				// 发送AJAX请求
 				$.ajax({
					type : 'post',
					url : '${deleteTableData}',
					data : jsonData,
					dataType : 'json',
					success: function(data){
						if(data.success){
							$.messager.alert('成功', data.message + "受影响行数为：" + data.data);
							// 重新载入当前表格
							reload(initTableDataGrid);
						} else{
							$.messager.alert("失败", data.message + "<br>" + data.data);
						}
					}
				});
			}
		});
	} else{
		$.messager.alert("提示",'请选中要删除的记录！');
	}
}
</script>
</body>
</html>